<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<div class="layui-card-body" th:fragment="query">

    <!--每个zmn-form-item一行，每行4列
        支持页面自适应，1280分辨率下不折行
        -->
    <div class="zmn-form-item">

        <div class="item-inline">
            <label class="inline-label">城市：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="cityId" lay-filter="cityId" name="cityId" lay-search>
                            <option value="">-选择-</option>
                            <option th:each="city:${cityList}" th:value="${city.value}"
                                    th:selected="${vo.cityId == city.value}"
                                    th:text="${city.text}"/>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="item-inline">
            <label class="inline-label">服务分类：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="servCategId" name="servCategId" lay-filter="servCategId" value="0" lay-search="">
                            <option value="">-选择-</option>
                            <option th:value="${item.categId}" th:selected="${item.categId == vo.servCategId}" th:text="${item.name}"
                                    th:each="item:${servCategoryDROList}">分类
                            </option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="item-inline">
            <label class="inline-label">一级分类：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="categOneId" name="categOneId" lay-filter="categOneId" value="0" lay-search="">
                            <option value="">-选择-</option>
                            <option th:value="${item.value}" th:selected="${item.value == vo.categOneId}" th:text="${item.text}"
                                    th:each="item:${categoryOneDROList}">分类
                            </option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="item-inline">
            <label class="inline-label">二级分类：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <select id="categTwoId" name="categTwoId" lay-filter="categTwoId" value="0" lay-search="">
                            <option value="">-选择-</option>
                            <option th:value="${item.value}" th:selected="${item.value == vo.categTwoId}" th:text="${item.text}"
                                    th:each="item:${categoryTwoDROList}">分类
                            </option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="item-submit">
            <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="zmn-form-submit"><i class="layui-icon">&#xe615;</i></button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm" id="reset"><i class="layui-icon">&#xe669;</i></button>
        </div>

    </div>
</div>